<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>HelloWorld</title>
    <script type="text/javascript" src="../script/jquery-1.7.2.js"></script>
    <script type="text/javascript">
        //使用jQuery前
        window.onload = function () {
            var btn = document.getElementById("btnId");
            btn.onclick = function () {
                alert("js原生的单击事件");
            }
        };
        //使用jQuery后
        $(function () { //表示页面加载完成之后，相当于 window.onload = function(){}
            var $btnId = $("#btnId");//表示按id查询标签对象
            $btnId.click(function () {//绑定单击事件
                alert("jQuery的单击事件")
            })
        })
    </script>
</head>
<body>
    <button id="btnId">sayHello</button>
</body>
</html>